html,body{height:100%;color:#393939}
a{color:#393939}
a:focus,a:hover,a:active{color:#00dfb9;text-decoration:none}
a:-webkit-any-link{text-decoration:none}
b,strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{text-shadow:none}
@media (max-width:767px){video{max-width:100%;height:auto}
iframe{max-width:100%}
}.clear-box{clear:both}
.height-full{height:100%}
.table-box{display:table;width:100%;height:100%}
.table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.cover{width:100%;height:100%;overflow:visible}
section[role=main]{display:block;width:100%;height:100%;overflow:visible;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
@media (max-width:767px) {
    section[role=main]{height: auto;}    
}
.main-box{position:relative;width:100%;height:100%;background:#eff2f4;overflow:hidden}
body.active .main-box{height:auto;min-height:100%}
header[role=heading]{position:fixed;width:240px;height:100%;left:-240px;top:0;background:#fff;text-align:center;z-index:9999999;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
header[role=heading].active{left:0}
.head-box{width:240px;height:100%;overflow:auto}
.head-top,.head-bottom{overflow:hidden}
.logo-box{margin:30px 0}
.logo-box img{max-width:100%}
.jodo-box{margin:30px 0}
.jodo-box p{display:block;margin:0 auto;font-size:14px;width:130px}
.jodo-box p img{max-width:100%;margin-bottom:5px}
.jodo-box p em.fa{font-size:22px;line-height:1.05;width:auto;padding:0 1px 0 4px;position:relative;bottom:-4px;top:2px}
.foto-box{position:relative;z-index:9;margin:30px 0}
.foto-cut{padding:0 10px}
.foto-cut p{margin:0}
@media (max-height:768px){.logo-box{margin:20px 0}
.jodo-box{margin:20px 0}
.foto-box{margin:20px 0}
}.social-box{margin-bottom:7.5px}
.social-box:after{display:block;content:'';clear:both}
.social-box a{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;background:#00dfb9;font-size:16px;margin:2.5px 15px;cursor:pointer;color:#fff;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.social-box a:hover{background:#171717;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.nav-cut{position:relative;text-align:center;line-height:36px;overflow:auto}
.nav-cut > ul{display:block;list-style:none;margin:0;padding:0;position:relative}
.nav-cut > ul > li{display:block;list-style:none;margin:0;padding:0;position:relative;cursor:pointer}
.nav-cut > ul > li.background{position:absolute;left:0;top:0;width:100%;z-index:98;transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;-webkit-transition:.2s}
.nav-cut > ul > li.background:before{content:'-';width:130px;background:#00dfb9;color:#00dfb9;margin:0 auto;border-radius:32px;display:block;cursor:pointer}
.nav-cut > ul > li > a{display:block;position:relative;z-index:99}
.nav-cut > ul > li:hover > a,.nav-cut > ul > li.active > a,.nav-cut > ul:hover > li.active:hover > a{transition:.05s .2s;-moz-transition:.05s .2s;-ms-transition:.05s .2s;-o-transition:.05s .2s;-webkit-transition:.05s .2s}
.nav-cut > ul:hover > li.active > a{color:#393939;transition:.05s;-moz-transition:.05s;-ms-transition:.05s;-o-transition:.05s;-webkit-transition:.05s}
.nav-cut ul > li > ul{position:fixed;left:188px;top:50%;list-style:none;margin:0;padding:0 0 0 20px;z-index:99;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transform:translate(0,-40%);-moz-transform:translate(0,-40%);-ms-transform:translate(0,-40%);-o-transform:translate(0,-40%);-webkit-transform:translate(0,-40%);visibility:hidden;opacity:0}
.nav-cut ul > li > ul:before{content:'';display:block;position:absolute;left:4px;top:50%;margin:-10px 0 0 0;border-width:9px 16px 9px 0;border-style:solid;border-color:transparent #171717 transparent transparent}
.nav-cut ul > li > ul > li > ul{position:absolute;left:100%}
.nav-cut ul > li:hover > ul{visibility:visible;opacity:1;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
.nav-cut ul > li > ul > li{list-style:none;margin:0;padding:0;background:#171717;position:relative;cursor:pointer;transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;-webkit-transition:.2s}
.nav-cut ul > li > ul > li:hover{background:#000}
.nav-cut ul > li > ul > li:first-child{border-top-right-radius:10px;border-top-left-radius:10px;padding-top:5px}
.nav-cut ul > li > ul > li:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding-bottom:5px}
.nav-cut ul > li > ul > li > a{display:block;padding:0 40px;color:#eee;position:relative;z-index:99;white-space:nowrap}
@media (max-width:767px){.nav-cut ul > li > ul{position:relative;left:0;top:0 !important;padding:20px 0 0 0;width:180px;margin:0 auto;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);display:none;visibility:visible;opacity:1}
.nav-cut ul > li > ul:before{content:'';display:block;position:absolute;left:50%;top:4px;margin:0 0 0 -10px;border-width:0 9px 16px 9px;border-style:solid;border-color:transparent transparent #171717 transparent}
.nav-cut ul > li:hover > ul{visibility:visible;opacity:1;display:none;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0)}
.nav-cut ul > li > ul > li > ul{position:relative;left:0;width:178px}
.nav-cut ul > li > ul > li > ul:before{border-color:transparent transparent #fff transparent}
.nav-cut ul > li > ul > li > ul > li{background:#fff}
.nav-cut ul > li > ul > li > ul > li:hover{background:#fff}
.nav-cut ul > li > ul > li > ul > li > a{color:#393939}}
.window-head{position:absolute;display:table;z-index:8;background:rgba(0,0,0,0);transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.window-head hr{display:block;position:absolute;width:0;height:3px;border:none;margin:0;padding:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#00dfb9;top:0;left:0}
@media (min-width:1200px){section[role=main].subpage.active{padding-left:240px}
}.window-head .head-left{position:absolute;left:2.5%;top:50%;color:#fff;cursor:pointer;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
.window-head .head-left img{max-width:100%;max-height:90px;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
@media (min-width:300px){.window-head .head-left{width:70%}
}@media (min-width:768px){.window-head .head-left{width:50%;}.window-head .head-left img{height: 30px;}
}@media (min-width:1200px){.window-head .head-left{width:20%}
}@media (min-width:1440px){.window-head .head-left{width:25%}
}.window-head ul{position:absolute;left:50%;top:50%;list-style:none;padding:0;margin:0;font-size:0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.window-head ul li{list-style:none;cursor:pointer;padding:20px;margin:0;font-size:20px;color:#ccc;display:inline-block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.window-head ul li.active{color:#00dfb9}
.window-head .head-right{position:absolute;right:5%;top:50%;margin:0;height:28px;padding-right:28px;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
.window-head .head-right.r0{right:2.5%;padding-right:0 !important}
.window-head .head-right i{color:#fff;font-size:20px;border:2px solid #fff;width:28px;height:28px;text-align:center;line-height:26px;border-radius:50%;float:left;margin-right:10px;overflow:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.window-head .head-right b{color:#00dfb9;font-weight:bold;letter-spacing:1px;font-size:26px;height:28px;line-height:26px;float:left;display:block;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.window-head .head-rights{position:absolute;right:2.5%;top:50%;height:28px;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}
.window-head .head-rights ol{font-style:normal;margin:1px;padding:0;width:26px;height:26px;display:block;cursor:pointer}
.window-head .head-rights ol:after{display:block;margin:0;padding:0;content:'';clear:both}
.window-head .head-rights ol li{width:11px;height:11px;float:left;margin:1px;background:#00dfb9;display:block;overflow:hidden}
.window-head .head-rights ol.active li{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.1)}
.window-head.active{height:70px;background:rgba(0,0,0,.5)}
.window-head.active .head-left img{transform:scale(.777777);-moz-transform:scale(.777777);-ms-transform:scale(.777777);-o-transform:scale(.777777);-webkit-transform:scale(.777777)}
.window-head.active ul li{font-size:16px}
.window-head.active .head-right{height:24px;padding-right:24px}
.window-head.active .head-right b{font-size:20px;height:24px;letter-spacing:0;line-height:24px}
.window-head.active .head-right i{font-size:14px;width:24px;height:24px;line-height:20px}
.window-head.active .head-rights{height:24px}
.window-head.active .head-rights ol{width:22px;height:22px}
.window-head.active .head-rights ol li{width:9px;height:9px}
.window-box{width:100%;height:100%;position:relative;overflow:hidden}
.window-cut{width:100%;height:100%;transition-timing-function:cubic-bezier(1,0,.5,1);-moz-transition-timing-function:cubic-bezier(1,0,.5,1);-ms-transition-timing-function:cubic-bezier(1,0,.5,1);-o-transition-timing-function:cubic-bezier(1,0,.5,1);-webkit-transition-timing-function:cubic-bezier(1,0,.5,1)}
.window-back{width:100%;height:100%;padding-top:50px;position:relative;background-position:center;background-size:cover}
.window-back.banner{padding:0}
@media (max-width:767px){.window-head{height:50px}
}@media (max-width:767px) and (orientation:landscape){.window-head .head-right b{letter-spacing:normal}
}@media (max-width:767px) and (orientation:portrait){.window-head .head-left{left:15px}
.window-head .head-right{right:15px}
.window-head .head-right b{display:none}
.window-head .head-right i{top:0;left:0}
}@media (max-width:320px){.window-head .head-right{padding-right:15px}
}.banner-content{position:relative;overflow:hidden}
.met-banner{display:block}
.banner-click{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9999;opacity:0;overflow:hidden;visibility:hidden;cursor:pointer;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.banner-click i{color:#00dfb9;font-size:26px;position:absolute;top:50%;left:50%;cursor:pointer;opacity:.65;margin:-25px 0 0 -25px;display:block;width:50px;height:50px;border:3px solid #00dfb9;text-align:center;line-height:44px;border-radius:4px}
.banner-content:hover .banner-click{opacity:1;visibility:visible}
.banner-content:hover .banner-click i{visibility:visible;-webkit-animation:bounceInDown 1s .2s ease both;-moz-animation:bounceInDown 1s .2s ease both}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}
60%{opacity:1;-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}.met-banner{height:auto;background:none}
.banner-box{width:100%;height:100%;position:relative}
.banner-box.sidebar{height:auto}
.banner-box.sidebar .banner-cut:after{display:table;clear:both;content:''}
.banner-cut{width:1000%;height:100%}
.banner-bin{width:10%;height:100%;float:left;display:block;overflow:hidden;background:center no-repeat;background-size:cover;position:relative}
.banner-absolute{position:absolute;width:100%;height:94%;top:0;left:0}
.banner-bin .table-box{padding-bottom:6%}
.banner-bin .table-cell{position:relative}
.banner-box:hover .banner-ctrl{opacity:1}
.banner-box.sidebar .banner-bin img{width:100%}
.ctrl-box{opacity:.5}
.ctrl-box:hover{opacity:1}
.banner-ctrl .ctrl-box{position:absolute;color:#a8a8a8;width:80px;text-align:center;line-height:80px;font-size:50px;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.banner-ctrl .ctrl-box:hover{color:#00dfb9}
.banner-ctrl .ctrl-left{left:5%;top:46%;margin-top:-40px}
.banner-ctrl .ctrl-right{right:5%;top:46%;margin-top:-40px}
.banner-news{position:absolute;top:79%;left:50%;margin-left:-188px;height:30px;line-height:30px}
.banner-news b{float:left;color:#00dfb9;font-weight:bold;margin-right:10px}
.banner-news span{float:left;overflow:hidden;height:30px;overflow:hidden}
.banner-news span ol{float:left;margin:0;padding:0}
.banner-news span ol li{list-style:none;color:#ddd;margin:0;padding:0 1px 0 0;display:block;white-space:nowrap;text-overflow:ellipsis;width:270px;height:30px;line-height:30px;overflow:hidden}
.banner-news span ol li a{color:#ddd}
.banner-news span ol li a:hover{text-decoration:underline;color:#fff}
.banner-news p{float:left;margin:-3px 0 0 10px}
.banner-news p a{color:#00dfb9;border-bottom:1px dotted #00dfb9}
.banner-pager{position:absolute;height:3px;line-height:0;top:84%;bottom:auto !important;left:0;right:0;text-align:center}
.banner-pager .swiper-pagination-bullet{width:40px;height:3px;position:relative;line-height:3px;border-radius:0;background:#fff;opacity:1}
.banner-pager .swiper-pagination-bullet:before{position:absolute;width:40px;height:30px;content:'';left:0;top:-10px}
.banner-pager .swiper-pagination-bullet-active{background:#00dfb9}
.banner-down{position:absolute;top:90%;cursor:pointer;left:50%;margin-left:-24px;width:47px;height:47px;text-align:center;line-height:47px;color:#fff;font-size:24px}
.banner-down:before{content:'';position:absolute;display:block;width:47px;height:47px;background:#fff;opacity:.2;border-radius:50%;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
.banner-down:hover:before{background:#00dfb9;opacity:.6}
.banner-down i{position:relative;z-index:2}
@media (max-width:1200px){.banner-ctrl .ctrl-left{left:0;top:50%}
.banner-ctrl .ctrl-right{right:0;top:50%}
.banner-news{margin-left:-147px}
.banner-news span ol li{width:230px}
.banner-news p{display:none}
}@media (max-width:767px) and (orientation:landscape){.banner-absolute{height:100%}
.banner-bin .table-box{padding-bottom:0}
.banner-news{top:90%;left:12.5%;margin:-15px 0 0 0}
.banner-pager{top:90%;width:auto !important;left:auto !important;right:2.5%;margin-top:-1.5px}
.banner-down{top:90%;left:2.5%;margin:-24px 0 0 0}
}@media (max-width:767px) and (orientation:portrait){.banner-bin.swiper-slide-active .banner-write .w1{line-height:.4}
.banner-absolute{height:80%}
.banner-bin .table-box{padding-bottom:20%}
.banner-news{top:74%}
.banner-pager{top:82%}
.banner-down{top:88%}
.banner-ctrl{display:none}
}.banner-write{position:relative;z-index:992;word-break:break-all;padding:0 10px}
.banner-write *{max-width:100%}
.banner-write .w1{font-family:Microsoft JhengHei;color:#fff;font-size:263px;display:inline-block;line-height:0;transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s;transform:translateX(-150px) scale(.8);-moz-transform:translateX(-150px) scale(.8);-ms-transform:translateX(-150px) scale(.8);-o-transform:translateX(-150px) scale(.8);-webkit-transform:translateX(-150px) scale(.8);opacity:0}
.banner-bin.swiper-slide-active .banner-write .w1{transform:translate(0) scale(1);-moz-transform:translate(0) scale(1);-ms-transform:translate(0) scale(1);-o-transform:translate(0) scale(1);-webkit-transform:translate(0) scale(1);opacity:1}
.banner-write .w2{text-align:left;display:inline-block;padding-left:10px;transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s;transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);-o-transform:translateX(150px);-webkit-transform:translateX(150px);opacity:0}
.banner-write .w2.cc{text-align:center;transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);-webkit-transform:translate(0);opacity:0}
.banner-write .w2.wc{text-align:right;display:inline-block;padding:0 420px 0 0;width:768px;transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s;transform:translateX(-150px);-moz-transform:translateX(-150px);-ms-transform:translateX(-150px);-o-transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0}
.banner-write.bw .w2{text-align:center}
@media (max-width:1200px){.banner-write .w2.wc{text-align:center;display:inline-block;padding:0 0 0 0;width:auto;transform:translateX(-150px);-moz-transform:translateX(-150px);-ms-transform:translateX(-150px);-o-transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0}
}.banner-bin.swiper-slide-active .banner-write .w2{transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);-webkit-transform:translate(0);opacity:1}
.banner-write .w2 .w21{color:#fff;font-size:36px;display:block}
.banner-write .w2.cc .w21{transform:scale(1.2) translateY(-50px);-moz-transform:scale(1.2) translateY(-50px);-ms-transform:scale(1.2) translateY(-50px);-webkit-transform:scale(1.2) translateY(-50px);-o-transform:scale(1.2) translateY(-50px);transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s}
.banner-bin.swiper-slide-active .banner-write .w2.cc .w21{transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0)}
.banner-write .w2.cc .w22{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s;-o-transform:translateY(100px);-webkit-transform:translateY(100px)}
.banner-write .w2.cc .w23{transform:translateY(150px);-moz-transform:translateY(150px);-ms-transform:translateY(150px);transition:.3s .4s;-webkit-transition:.3s .4s;-moz-transition:.3s .4s;-ms-transition:.3s .4s;-o-transition:.3s .4s;-o-transform:translateY(150px);-webkit-transform:translateY(150px)}
.banner-bin.swiper-slide-active .banner-write .w2.cc .w22,.banner-bin.swiper-slide-active .banner-write .w2.cc .w23{transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);-webkit-transform:translate(0)}
.banner-write .w2 .w22{line-height:.8;letter-spacing:-5px;font-family:Helvetica;font-size:82px;color:#00dfb9;display:inline-block;border-bottom:1px solid #00dfb9;margin:5px 0 10px 0}
.banner-write .w2 .w23{color:#ccc;font-size:18px;display:block; text-shadow: 1px 1px 1px #333;}
.banner-write .w2 .w23 em{font-style:normal;color:#00dfb9}
@media (max-width:992px){.banner-write .w1{font-size:213px}
.banner-write .w2 .w21{font-size:28px}
.banner-write .w2 .w22{font-size:66px;letter-spacing:-4px;margin:3px 0 8px 0}
.banner-write .w2 .w23{font-size:14px}
}@media (max-width:480px){.banner-write .w1{font-size:173px}
.banner-write .w2{padding-left:5px}
.banner-write .w2 .w21{font-size:24px}
.banner-write .w2 .w22{font-size:52px;letter-spacing:-2px;margin:0 0 5px 0}
.banner-write .w2 .w23{font-size:12px}
}.banner-full{width:800px;height:350px;position:absolute;border:2000px solid rgba(0,0,0,.4);box-sizing:content-box;margin:-2175px 0 0 -2400px;background:none;left:50%;top:50%;z-index:991;transition:.5s .6s;-webkit-transition:.5s .6s;-moz-transition:.5s .6s;-ms-transition:.5s .6s;-o-transition:.5s .6s;transform:translate(1350px,750px);-moz-transform:translate(1350px,750px);-ms-transform:translate(1350px,750px);-o-transform:translate(1350px,750px);-webkit-transform:translate(1350px,750px)}
.banner-bin.swiper-slide-active .banner-full{transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);-webkit-transform:translate(0)}
.banner-full ol,.banner-full ul{list-style:none;margin:0;padding:0}
.banner-full ol li,.banner-full ul li{border-color:#00dfb9;border-style:solid;border-width:0;position:absolute;width:24px;height:24px}
.banner-full ol li:nth-child(1){border-width:5px 0 0 5px;top:0;left:0}
.banner-full ol li:nth-child(2){border-width:5px 5px 0 0;top:0;right:0}
.banner-full ol li:nth-child(3){border-width:0 0 5px 5px;bottom:0;left:0}
.banner-full ol li:nth-child(4){border-width:0 5px 5px 0;bottom:0;right:0}
.banner-full ul li:nth-child(1){border-width:5px 0 0 0;margin:0 0 0 -12px;top:0;left:50%}
.banner-full ul li:nth-child(2){border-width:0 5px 0 0;margin:-12px 0 0 0;top:50%;right:0}
.banner-full ul li:nth-child(3){border-width:0 0 5px 0;margin:0 -12px 0 0;bottom:0;right:50%}
.banner-full ul li:nth-child(4){border-width:0 0 0 5px;margin:0 0 -12px 0;bottom:50%;left:0}
.banner-border{width:0;height:0;margin:-205px 0 0 -300px;left:50%;top:50%;position:absolute;z-index:994;transition:.4s 1s;-webkit-transition:.4s 1s;-moz-transition:.4s 1s;-ms-transition:.4s 1s;-o-transition:.4s 1s;border:1px dashed #00dfb9;z-index:993;visibility:hidden}
.banner-bin.swiper-slide-active .banner-border{width:600px;height:410px;visibility:visible}
.banner-background{left:0;top:0;width:100%;height:150%;position:absolute;z-index:990;background:rgba(0,0,0,.4);transition:.6s .6s;-webkit-transition:.6s .6s;-moz-transition:.6s .6s;-ms-transition:.6s .6s;-o-transition:.6s .6s}
.banner-bin.swiper-slide-active .banner-background{left:-50%}
.banner-free *{max-width:100%}


.met-showproduct nav{z-index:999}
.met-white-lightGallery .lg-outer,.lg-outer,.lg-backdrop{z-index:999999999999}
.met-white-lightGallery .lg-sub-html{}
.met-weixin-img img{max-width:130px;padding:10px}
.main-box {position: relative;width: 100%;height: 100%;background: #fff;overflow: hidden;}

.window-bin{height:100%;transform:translate3d(0,0,0);overflow: hidden;}
.window-bin.foot,footer{height:auto;padding:15px 60px;line-height:30px;background:#393939;color:#eee;text-align:center;border:none !important}
.window-bin.foot,footer a,.foot a{color:#eee}
.window-bin.foot.none0,footer.none{display:none !important}
.window-bin.foot p{margin:0}
@media (max-width:767px){.window-bin:nth-of-type(1){height: 100vh;}}

.title-box h1{font-size:50px;letter-spacing:-3px;font-family:TechnicLite;color:#00dfb9;line-height:35px;margin:0 0 15px 0;padding:0}
.title-box h2{font-size:25px;letter-spacing:3px;margin:0;padding:0}
@media (max-width:767px){.title-box h1{font-size:30px;margin:0 0 5px 0}
.title-box h2{font-size:18px}
}@media (max-height:350px){.title-box h1{display:none}
}
.icon-box{padding:50px 0 70px 0}
.icon-box ul{display:inline;list-style:none;margin:0;padding:0}
.icon-box ul li{list-style:none;margin:0;padding:0;position:relative;display:inline-block}
.icon-box ul li:before{display:block;content:'';width:170px;border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;height:0;position:absolute;top:15px;left:10px;background:#00dfb9;z-index:8}
.icon-box ul li a{display:block;position:relative;z-index:9}
.icon-box ul li b{display:block;width:170px;height:170px;margin:10px;position:relative}
.icon-box ul li img{max-width:100%;max-height:100%;display:block;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);font-size:0}
.icon-box ul li:hover b{-webkit-animation:swing 1s .2s ease both;-moz-animation:swing 1s .2s ease both}
@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}@-moz-keyframes swing{20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}.icon-box ul li i{display:block;font-size:56px;width:130px;height:130px;line-height:120px;margin:30px;border:5px solid #00dfb9;border-radius:50%;text-align:center;color:#00dfb9;background:rgba(255,255,255,.1);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
.icon-box ul li h3{display:block;font-size:16px;color:#333;margin:0;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
.icon-box ul li p{display:none}
.icon-text{font-family:TechnicLite;font-size:24px;line-height:1}
@media (min-width:1201px){.icon-box ul li p{display:block;position:absolute;top:135px;width:170px;left:10px;color:#fff;font-size:12px;height:36px;overflow:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;opacity:0}
.icon-box.icon-type-0 ul li:hover:before{height:100%}
.icon-box.icon-type-0 ul li:hover i{color:#fff;border:none;transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);opacity:.9;background:none}
.icon-box.icon-type-0 ul li:hover h3{color:#fff;transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);-webkit-transform:translateY(-60px)}
.icon-box.icon-type-0 ul li:hover p{transition:.3s .2s;-webkit-transition:.3s .2s;-moz-transition:.3s .2s;-ms-transition:.3s .2s;-o-transition:.3s .2s;opacity:.8}
}@media (max-width:1200px){.icon-box{padding:40px 0 50px 0}
.icon-box ul li i{font-size:66px;width:100px;height:100px;line-height:100px;margin:0 25px;border:none;border-radius:50%;text-align:center;color:#00dfb9}
.icon-box ul li b{width:130px;height:130px}
.icon-box ul li h3{display:block;font-size:16px;color:#333}
}@media (max-width:992px){.icon-box ul{display:block}
.icon-box ul li{margin:15px 0}
.icon-box ul li i{margin:0 40px}
}@media (max-width:767px){.icon-text{font-size:18px;padding-bottom: 130px;}
}@media (max-width:767px) and (orientation:landscape){.icon-box{padding:15px 0 20px 0}
.icon-box ul li{margin:15px 0;width:30%}
.icon-box ul li i{font-size:34px;margin:0 8px 0 30px;width:auto;height:auto;line-height:24px;display:inline-block;position:relative;top:6px}
.icon-box ul li b{margin:0 0 0 30px;width:34px;height:34px;display:inline-block;position:relative;top:6px}
.icon-box ul li:first-child i{margin-left:0}
.icon-box ul li h3{font-size:16px;display:inline-block;line-height:24px}
}@media (max-width:767px) and (orientation:portrait){.icon-box{padding:30px 0 30px 0}
.icon-box ul li{margin:10px 0;width:30%}
.icon-box.icon-type-1 ul li{margin:0 0 5px 0}
.icon-box ul li i{font-size:40px;width:60px;height:60px;line-height:60px;margin:0 auto}
.icon-box ul li b{width:100px;height:100px;margin:5px auto}
.icon-box ul li h3{font-size:16px}
}@media (max-width:320px){.icon-box ul li h3{font-size:14px}
}@media (max-height:320px){.icon-box{padding-bottom:0}
.icon-box ul li{margin-bottom:0}
.icon-box ul li i{font-size:30px;margin:0 8px 0 10px}
.icon-box ul li h3{font-size:14px}
.icon-text{display:none}
}

.about-box{width:100vw;padding:0 ;overflow:hidden;position:relative;z-index:1;}
.about-cut{height: 100%;width: 1000%;}
.about-bin{text-align:center;color:#fff;position:relative;font-size: 18px;float: left;}
.about-bin *{max-width:100%}
.about-bin .div{margin:0;line-height:2;max-width: 1440px;margin: 0 auto;}
.about-bin span{font-size: 24px;color: #00dfb9;}
.about-bin img{width: 70%;height: auto;margin: 15px auto 0;display: block;max-width: 1440px;}

@media (max-width:1440px){
    .about-bin{width: 100%;font-size: 16px;margin:0 auto}
    .about-bin .div{line-height: 1.5;max-width: 90%;margin: 0 auto;}
    .about-bin span{font-size: 21px;}
    .about-bin img{max-width: 90%;margin: 20px auto 0;}
}

@media (max-width:767px){
    .about-box{height: 90%;}
    .about-bin{width: 100%;font-size: 14px;}
    .about-bin .div{line-height: 1.5;max-width: calc(100vw - 30px);margin: 0 15px;}
    .about-bin span{font-size: 18px;}
    .about-bin img{max-width: 100%;margin: 20px auto 0;width: 90%;}
}


.contact-foot{width: 100%;position: absolute;bottom: 0;left: 0;right:0;height: 80px;background-color: rgba(0,0,0,.5);font-size: 20px;color:#787878;display: flex;justify-content: center;align-items: center;z-index: 99;}
.contact-foot .input{width: 360px;height: 42px;line-height: 42px;border-radius: 5px;margin: 0 68px 0 15px;padding: 0 20px;color: #787878;background-color: #fff;font-size: 16px;}
.contact-foot .input::placeholder{color: #787878;}
.contact-foot button{width: 140px;height: 42px;line-height: 42px;text-align: center;color: #fff;background-color: #00dfb9;border-radius: 5px;font-size: 20px;}

@media (max-width:1200px){
    .contact-foot{width: 100%;position: absolute;bottom: 0;left: 0;right:0;height: 100px;background-color: rgba(0,0,0,.5);font-size: 20px;color:#787878;display: flex;justify-content: center;align-items: center;}
    .contact-foot .input{width: 260px;height: 55px;border-radius: 5px;margin: 0 34px 0 5px;padding: 0 20px;color: #787878;}
}

@media (max-width:767px){
    .contact-foot{display: none;font-size: 16px;height: auto;padding: 15px;}
    .contact-foot div{display: none;}
    .contact-foot .input{height: 50px;line-height: 50px;float: left;width: calc((100vw - 45px) / 2);margin: 0 15px 0 0;font-size: 16px;}
    .contact-foot .input:nth-of-type(2){margin: 0;}
    .contact-foot button{float: left;width: calc(100vw - 30px);margin-top: 15px;font-size: 18px;}
}

.case-ctrl .ctrl-box{position:absolute;color:#a8a8a8;width:80px;text-align:center;line-height:80px;font-size:50px;cursor:pointer;z-index:99;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.case-ctrl .ctrl-box:hover{color:#00dfb9}
.case-ctrl .ctrl-left{left:5%;top:52%}
.case-ctrl .ctrl-right{right:5%;top:52%}
@media (max-width:1200px){.case-ctrl .ctrl-left{left:0}
.case-ctrl .ctrl-right{right:0}
}@media (max-width:767px){.case-ctrl .ctrl-box{width:50px;line-height:50px}
}.case-box{overflow:hidden;width:1260px;margin:50px auto 0 auto}
.case-cut{display:block;list-style:none;margin:0 auto;padding:0;width:6999px}
.case-cut:after{content:'';display:table;clear:both}
.case-bin{display:block;list-style:none;padding:0;float:left;width:300px;background:#fff;position:relative}
.case-bin a{display:block}
.case-bin font{display:block;position:relative;overflow:hidden;width: 100%;}
.case-bin font:before{width:15px;height:1px;margin-left:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.case-bin font:after{width:1px;height:15px;margin-top:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.case-bin a:hover font:before{opacity:1}
.case-bin a:hover font:after{opacity:1}
.case-bin font b{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.case-bin a:hover font b{top:0}
.case-bin font b:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;border:500px solid rgba(0,0,0,.6);left:50%;top:50%;margin:-525px 0 0 -525px}
.case-bin font b:after{position:absolute;content:'';width:50px;height:50px;border-radius:50%;background:rgba(47,208,181,.6);left:50%;top:50%;margin:-25px 0 0 -25px}
.case-bin font img{display:block;width:100%;height: 100%;}
.case-bin span{display:block;position:relative;z-index:1;background:rgba(255,255,255,.5);text-align:left;padding:15px 20px}
.case-bin span:after{position:absolute;bottom:0;height:2px;left:0;right:0;content:'';z-index:1;background:#00dfb9;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.case-bin span h3{display:block;font-size:24px;font-weight:normal;color:#333;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.case-bin span p{display:block;font-size:14px;color:#555;margin:10px 0 0 0;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case-bin a:hover span:after{height:100%}
.case-bin a:hover span h3{color:#fff}
.case-bin a:hover span p{color:#fff}
.case-more{margin-top:30px}
.case-more a{border:1px solid #00dfb9;font-family:TechnicLite;color:#00dfb9;font-size:26px;padding:0 20px;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;display:inline-block;font-weight: 100;}
.case-more a:hover{background:#00dfb9;color:#fff}
@media (max-width:1599px){.case-box{width:940px}
}@media (max-width:1200px){.case-box{width:620px}
}@media (max-width:767px){.case-box{width:100vw;margin:20px auto;padding: 0 15px;}
.case-bin{margin:0 10px 10px 0}
.case-bin span p{display:none}
.case-more{display:none}
}@media (max-width:479px){.case-box{width:100vw;margin:40px auto 0 auto}
.case-bin font{height: calc(94px * 350 / 300);}
.case-bin span p{display:-webkit-box}
.case-bin{width:auto}
.case-more{margin-top:30px;display:block}
.case-more a{border:1px solid #00dfb9;font-family:TechnicLite;color:#00dfb9;font-size:20px;padding:0 10px;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;display:inline-block}
}@media (max-width:400px){
.case-box{width:100vw;}
}.pro-box{font-size:0}
.pro-box ul{padding:0;margin:20px 0;list-style:none;display:block;text-align:center}
.case-bin.pro{display:inline-block;float:none;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}
.case-bin.pro span p{display:block}
.case-bin{margin: 0 0 10px;}
.pro-page{padding-bottom:30px}
@media (max-width:1500px){.pro-box ul{margin:40px 0}
.case-bin.pro{margin:10px}
}@media (max-width:479px){.pro-box ul{margin:10px 0}
.case-bin.pro{margin:20px auto 0 auto;display:block;max-width:90% !important}
}

.joint-ctrl .ctrl-box{position:absolute;color:#a8a8a8;width:80px;text-align:center;line-height:80px;font-size:50px;cursor:pointer;z-index:99;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.joint-ctrl .ctrl-box:hover{color:#00dfb9}
.joint-ctrl .ctrl-left{left:5%;top:52%}
.joint-ctrl .ctrl-right{right:5%;top:52%}
@media (max-width:1200px){
    .joint-ctrl .ctrl-left{left:0}
    .joint-ctrl .ctrl-right{right:0}
}@media (max-width:767px){
    .joint-ctrl .ctrl-box{width:50px;line-height:50px}
}
.joint-box{width:1150px;margin:20px auto 30px auto;overflow:hidden;height: 560px;}
.joint-box.swiper-container-horizontal{width:1200px}
.joint-cut{list-style:none;margin:0;padding:0;height:100%}
.joint-cut:after{display:table;content:'';clear:both}
.joint-bin{float:left;list-style:none;margin:0;padding:0;height:130px;display:table;position:relative}
.joint-bin a{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;}
.joint-bin a img{line-height:0;max-width:210px;max-height:120px;border-radius: 10px;}
.joint-bin a:hover img{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}@-moz-keyframes tada{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}@media (max-width:1440px){.joint-box.swiper-container-horizontal{width:1200px}
}@media (max-width:1200px){.joint-box.swiper-container-horizontal{width:992px}
}@media (max-width:992px){.joint-box.swiper-container-horizontal{width:767px}
}@media (max-width:767px){.joint-box.swiper-container-horizontal{width:479px;margin:20px auto}
.joint-bin{height:80px;width:160px}
.joint-bin a{border-width:0 1px 0 0}
.joint-bin a img{line-height:0;max-width:80%;max-height:auto}
}@media (max-width:480px){.joint-box.swiper-container-horizontal{width:319px;margin:20px auto}
}.joint-box.joint-type-0 .joint-bin{display:block;height:auto !important}
.joint-box.joint-type-0 .joint-bin a{display:block}
.joint-box.joint-type-0 .joint-bin a img{max-width:100%;max-height:none}




.worth-ctrl .ctrl-box{position:absolute;color:#a8a8a8;width:80px;text-align:center;line-height:80px;font-size:50px;cursor:pointer;z-index:99;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.worth-ctrl .ctrl-box:hover{color:#00dfb9}
.worth-ctrl .ctrl-left{left:5%;top:52%}
.worth-ctrl .ctrl-right{right:5%;top:52%}
@media (max-width:1200px){.worth-ctrl .ctrl-left{left:0}
.worth-ctrl .ctrl-right{right:0}
}@media (max-width:767px){.worth-ctrl .ctrl-box{width:50px;line-height:50px}
}.worth-box{overflow:hidden;width:1260px;margin:50px auto 0 auto}
.worth-cut{display:block;list-style:none;margin:0 auto;padding:0;width:6999px}
.worth-cut:after{content:'';display:table;clear:both}
.worth-bin{display:block;list-style:none;padding:0;float:left;width:300px;background:#fff;position:relative}
.worth-bin a{display:block}
.worth-bin font{display:block;position:relative;overflow:hidden}
.worth-bin font:before{width:15px;height:1px;margin-left:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.worth-bin font:after{width:1px;height:15px;margin-top:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.worth-bin a:hover font:before{opacity:1}
.worth-bin a:hover font:after{opacity:1}
.worth-bin font b{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.worth-bin a:hover font b{top:0}
.worth-bin font b:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;border:500px solid rgba(0,0,0,.6);left:50%;top:50%;margin:-525px 0 0 -525px}
.worth-bin font b:after{position:absolute;content:'';width:50px;height:50px;border-radius:50%;background:rgba(47,208,181,.6);left:50%;top:50%;margin:-25px 0 0 -25px}
.worth-bin font img{display:block;width:100%;height: auto;}
.worth-bin span{display:block;position:relative;z-index:1;background:rgba(255,255,255,.5);text-align:left;padding:15px 20px}
.worth-bin span:after{position:absolute;bottom:0;height:2px;left:0;right:0;content:'';z-index:1;background:#00dfb9;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.worth-bin span h3{display:block;font-size:24px;font-weight:normal;color:#333;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.worth-bin span p{display:block;font-size:14px;height: 42px;color:#555;margin:10px 0 0 0;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.worth-bin a:hover span:after{height:100%}
.worth-bin a:hover span h3{color:#fff}
.worth-bin a:hover span p{color:#fff}
.worth-more{margin-top:30px}
.worth-more a{border:1px solid #00dfb9;font-family:TechnicLite;color:#00dfb9;font-size:26px;padding:0 20px;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;font-weight:bold;display:inline-block}
.worth-more a:hover{background:#00dfb9;color:#fff}
@media (max-width:1599px){.worth-box{width:940px}
}@media (max-width:1200px){.worth-box{width:620px}
}@media (max-width:767px){.worth-box{width:100vw;margin:20px auto}
.worth-bin{margin:0 10px 10px 0}
.worth-bin span p{display:none}
.worth-more{display:none}
}@media (max-width:479px){.worth-box{width:100vw;margin:40px auto 0 auto}
.worth-bin span p{display:-webkit-box}
.worth-bin{width:auto}
.worth-more{margin-top:30px;display:block}
.worth-more a{border:1px solid #00dfb9;font-family:TechnicLite;color:#00dfb9;font-size:20px;padding:0 10px;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;font-weight:bold;display:inline-block}
}@media (max-width:400px){.worth-box{width:100vw;}
}.pro-box{font-size:0}
.pro-box ul{padding:0;margin:20px 0;list-style:none;display:block;text-align:center}
.worth-bin.pro{display:inline-block;float:none;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}
.worth-bin.pro span p{display:block}
.worth-bin{margin: 0 0 10px;}
.pro-page{padding-bottom:30px}
@media (max-width:1500px){.pro-box ul{margin:40px 0}
.worth-bin.pro{margin:10px}
}@media (max-width:479px){.pro-box ul{margin:10px 0}
.worth-bin.pro{margin:20px auto 0 auto;display:block;max-width:90% !important}
}

.mark-ctrl .ctrl-box{position:absolute;color:#a8a8a8;width:80px;text-align:center;line-height:80px;font-size:50px;cursor:pointer;z-index:99;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.mark-ctrl .ctrl-box:hover{color:#00dfb9}
.mark-ctrl .ctrl-left{left:5%;top:52%}
.mark-ctrl .ctrl-right{right:5%;top:52%}
@media (max-width:1200px){.mark-ctrl .ctrl-left{left:0}
.mark-ctrl .ctrl-right{right:0}
}.mark-box{width:1200px;margin:50px auto 70px auto;overflow:hidden}
.mark-cut{width:100%;display: flex;flex-wrap: wrap;}
.mark-bin{width:200px;position:relative;padding-bottom: 50px;}
.mark-bin i{display:block;font-size:56px;color:#00dfb9;border-radius:50%;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;width:100px;height:100px;line-height:100px;margin:0 auto;text-align:center}
.mark-bin i:hover{background:#00dfb9;color:#fff;font-size:46px}
.mark-bin img{max-width:140px;max-height:60px;margin:0 auto;display:block}
.mark-bin h3{display:block;font-size:16px;color:#333;font-weight:bold;margin:10px 0 5px 0;padding:0}
.mark-bin p{display:block;line-height:1.35;color:#333;font-size:14px;margin:0}
@media (max-width:1200px){.mark-box{width:900px}
.mark-bin{width:180px}
}@media (max-width:992px){.mark-box{width:90%}
.mark-bin{width:25%}
}@media (max-width:767px){.mark-bin{width:25%;padding-bottom: 10px;}
.mark-bin i{width: 70px;height: auto;padding: 10px;}
.mark-bin i img{width: 50px;height: 50px;}
}@media (max-width:767px) and (orientation:landscape){.mark-box{width:480px;margin:20px auto 0 auto}
.mark-bin i{display:block;font-size:46px;color:#00dfb9;border-radius:50%;width:auto;height:60px;line-height:60px;margin:0 auto;text-align:center;border-radius: 50%;}
.mark-bin i:hover{background:#00dfb9;color:#fff;font-size:40px}}
@media (max-width: 767px) and (orientation: portrait) {
.mark-box {width: 90%;margin-top: 15px;}
.mark-bin h3{font-size: 14px;}}

.contact-main{background:rgba(255,255,255,.75);width:900px;margin:0 auto;padding:50px}
.contact-box{width:1120px;margin:0 auto;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:30px;text-align:left;font-size: 18px;color: #333;font-weight: 500;padding-top: 120px;}
.contact-box:after{content:'';clear:both;display:block}
.contact-left{width:220px;float:left}
.contact-left img{display:block;border:5px solid #fff}
.contact-center{width:340px;float:left;padding:20px 0 0 30px}
.contact-center p.t{font-size:40px;color:#00dfb9;line-height:1;}
.contact-right{width:390px;float:left;padding:47px 0 0 30px}
.contact-text{margin-top:40px}
.contact-text p{font-size:22px;color:#00dfb9;letter-spacing:3px}
.contact-text p em{display:inline-block;width:44px;height:44px;line-height:40px;text-align:center;letter-spacing:0;margin:0 5px 0 3px;background:#00dfb9;color:#fff;border-radius:50%;text-decoration:none;font-style:normal}
.contact-text div{font-family:TechnicLite;color:#00dfb9;font-size:20px}
@media (max-width:992px){.contact-main{width:640px}
.contact-box{width:540px}
.contact-right{display:none}
.contact-center{width: 100%;}
.contact-left{padding-left: 30px;padding-bottom: 30px;}
}@media (max-width:767px) and (orientation:landscape){.contact-main{width:auto;display:inline-block}
.contact-box{padding:0;border:none;width:auto;display:inline-block}
.contact-left{width:auto;padding-right:30px;display:inline-block}
.contact-center{width:auto;display:inline-block;text-align:left}
.contact-center img.c{display:none}
}@media (max-width:767px) and (orientation:portrait){.contact-main{width:auto;display:inline-block}
.contact-box{padding:0;border:none;width:auto;display:inline-block;}
.contact-left{display:none}
.contact-center{width:auto;display:inline-block;padding: 30px;}
.contact-center img.c{display:block;margin:20px auto 50px;width: 55%;}
}@media (max-width:400px){.contact-main{padding:20px 10px}
.contact-center p.t{padding-top: 30px;font-size: 20px;}
.contact-center img.c{width: 50%;}
.contact-center{padding: 0 15px;font-size: 16px;}
}


.window-bin .foot{height:auto;padding:15px;background:#393939;color:#eee;text-align:center;border:none !important;position: absolute;bottom: 0;left: 0;right: 0;}
.window-bin .foot a{color:#eee; padding: 0 5px; }
.window-bin .foot.none{display:none !important}
.window-bin .foot p{margin:0;}
@media (max-width:600px){.window-bin .foot p{font-size: 11px;}}
.sidebar-header{height:70px;position:fixed;z-index:99999;top:0;right:0;left:0;background:rgba(0,0,0,.5);transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
@media (min-width:1201px){header[role=heading].active + section[role=main] .sidebar-header{left:240px}
}.sidebar-icon{position:absolute;left:30px;top:50%;height:28px;width:20px;line-height:14px;margin-top:-12px}
.sidebar-icon i{color:#fff;font-size:24px;cursor:pointer}
.sidebar-icon i.fa-arrow-left{display:none}
.sidebar-icon i.fa-th-list{display:inline-block}
.sidebar-icon.active i.fa-arrow-left{display:inline-block}
.sidebar-icon.active i.fa-th-list{display:none}
.sidebar-nav{position:absolute;top:50%;left:80px;right:2.5%;padding-right:212px;margin-top:-18px}
.sidebar-nav ol{display:none}
.sidebar-nav ul{list-style:none;margin:-10px 0 0 0;padding:0}
.sidebar-nav ul li{list-style:none;margin:10px 0 0 0;padding:0}
.sidebar-nav > ul > li > ul{z-index:999}
.sidebar-search{position:absolute;right:2.5%;top:50%;margin-top:-18px}
.sidebar-search input.searchword{width:200px;border:none;height:36px;line-height:34px;border:none;border-radius:6px;padding:0 30px 0 15px;outline:none;transition:.3s}
.sidebar-search input.searchword:hover{box-shadow:inset 0 3px 8px rgba(0,0,0,.05)}
.sidebar-search i{position:absolute;right:15px;top:50%;margin-top:-10px}
.sidebar-search i:hover{color:#2cc0a7;cursor:pointer}
.sidebar-header.active .sidebar-search input.searchword{border:1px solid #ccc}
@media (max-width:1200px){.sidebar-search{left:2.5%;right:auto}
}@media (max-width:992px){.sidebar-search{left:5%}
}@media (max-width:350px){.sidebar-search input.searchword{width:150px}
}@media (min-width:1200px){.sidebar-nav > ul{}
.sidebar-nav > ul > li{float:left;position:relative;border:1px solid #ccc;padding:0 15px;line-height:34px;margin-left:10px;border-radius:6px;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out}
.sidebar-nav > ul > li:first-child{margin-left:0}
.sidebar-nav > ul > li > a{display:block;color:#fff}
.sidebar-nav > ul > li.active{background:#2cc0a7;border:0;line-height:36px}
.sidebar-nav > ul > li.active > a{color:#fff}
.sidebar-nav > ul > li:hover{box-shadow:inset 0 3px 8px rgba(0,0,0,.15)}
.sidebar-nav > ul > li.active:hover{box-shadow:none}
.sidebar-nav > ul > li:hover > a{text-shadow:0 2px 3px rgba(0,0,0,.15)}
.sidebar-nav > ul > li > ul{background:#171717;position:absolute;top:175%;left:50%;border-radius:10px;padding:15px 0;opacity:0;visibility:hidden;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.sidebar-nav > ul > li > ul:before{content:'';display:block;position:absolute;left:50%;top:-16px;margin-left:-10px;border-width:0 9px 16px 9px;border-style:solid;border-color:transparent transparent #171717 transparent}
.sidebar-nav > ul > li:hover > ul{opacity:1;visibility:visible}
.sidebar-nav > ul > li > ul > li{text-align:center}
.sidebar-nav > ul > li > ul > li.one{display:none}
.sidebar-nav > ul > li > ul > li > a{color:#eee;line-height:36px;padding:0 30px;white-space:nowrap;display:block}
.sidebar-nav > ul > li > ul > li > a:hover{background:#000}
}@media (max-width:1200px){.sidebar-nav > ul > li > ul > li.one{display:block}
.sidebar-icon{left:auto;right:2.5%}
.sidebar-nav{left:auto;right:5%;padding:0 20px 0 0}
}@media (max-width:991px){.sidebar-icon{left:auto;right:5%}
.sidebar-nav{padding:0;height:36px;left:auto;right:10%;margin-right:20px}
}@media (max-width:1199px){.sidebar-header{cursor:pointer}
.sidebar-icon{left:auto}
.sidebar-nav{padding:0;height:36px;left:auto;top:0 !important;margin:17px 20px 0 0 !important;cursor:pointer}
.sidebar-nav ol{display:block;list-style:none;margin:0;background:#2cc0a7;line-height:36px;padding:0 15px;color:#fff;border-radius:6px;position:relative}
.sidebar-nav > ul{background:#171717;position:absolute;top:175%;left:50%;border-radius:10px;padding:15px 0;opacity:0;visibility:hidden;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.sidebar-nav > ul:before{content:'';display:block;position:absolute;left:50%;top:-16px;margin-left:-10px;border-width:0 9px 16px 9px;border-style:solid;border-color:transparent transparent #171717 transparent}
.sidebar-nav:hover > ul{opacity:1;visibility:visible}
.sidebar-nav > ul > li{text-align:center;position:relative}
.sidebar-nav > ul > li > a{color:#eee;line-height:36px;padding:0 30px;white-space:nowrap;display:block}
.sidebar-nav > ul > li > a:hover{background:#000}
.sidebar-nav > ul > li > ul{background:#171717;position:absolute;top:50%;right:100%;border-radius:10px;margin-right:20px;padding:15px 0;opacity:0;visibility:hidden;transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;-ms-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;-webkit-transition:.35s ease-in-out;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.sidebar-nav > ul > li > ul:before{content:'';display:block;position:absolute;right:-16px;top:50%;margin-top:-10px;border-width:9px 0 9px 16px;border-style:solid;border-color:transparent transparent transparent #171717}
.sidebar-nav > ul > li:hover > ul{opacity:1;visibility:visible}
.sidebar-nav > ul > li > ul > li{text-align:center}
.sidebar-nav > ul > li > ul > li.one{display:block}
.sidebar-nav > ul > li > ul > li > a{color:#eee;line-height:36px;padding:0 30px;white-space:nowrap;display:block}
.sidebar-nav > ul > li > ul > li > a:hover{background:#000}
}.sidebar-header.active{position:fixed;background:#eff2f4;}
.sidebar-header.active .sidebar-icon i{color:#393939}
@media (max-width:1200px){.sidebar-header.active{background:#fff}
}@media (min-width:1200px){.sidebar-header.active .sidebar-nav > ul > li{background:rgba(255,255,255,1)}
.sidebar-header.active .sidebar-nav > ul > li > a{color:#393939}
.sidebar-header.active .sidebar-nav > ul > li.active{background:#2cc0a7}
.sidebar-header.active .sidebar-nav > ul > li.active > a{color:#fff}
.sidebar-header.active .sidebar-nav > ul > li:hover{box-shadow:inset 0 3px 8px rgba(0,0,0,.035)}
.sidebar-header.active .sidebar-nav > ul > li:hover > a{text-shadow:0 2px 3px rgba(0,0,0,.035)}
}
.met-nav-right-shop.nav > li > a.active:after{width:0%}
.met-nav-right-shop.nav > li:hover > a:after{width:0%}
.met-nav-right-shop.nav:hover > li:hover > a.active:after{width:0%}
.met-product{margin:0 30px}
@media (max-width:767px){.met-product{margin:0 5px}
}.met-column-nav{position:relative;z-index:99999;background:#fff}
em.fa{width:18px;text-align:center}
.met-editor{font-size:14px;color:#39399}
.met-news-bar ul.column li a,.met-news-bar .recommend .list-group a:hover,.met-column-nav ul.met-column-nav-ul > li a.link:hover,.met-column-nav ul.met-column-nav-ul > li a.link.active,.breadcrumb > li + li:before,.btn-outline.btn-primary{color:#393939}
.btn-primary,.met_pager a.Ahover,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary:focus,.open > .dropdown-toggle.btn-primary:hover{background-color:#2cc0a7;border-color:#2cc0a7;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;position:relative;z-index:9999}
.btn-primary,.modal-footer .btn + .btn{border-radius:6px}
.btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open > .dropdown-toggle.btn-outline.btn-primary{background-color:#595959;border-color:#595959}
.modal-primary .modal-header{background-color:#00dfb9 !important}
.form-control.focus,.form-control:focus,.radio-primary input[type="radio"]:checked + label::before{border-color:#00dfb9 !important}
.modal{z-index:9999999999 !important}
.modal-backdrop{z-index:9999998 !important}
.form-control.focus,.form-control:focus,.radio-primary input[type="radio"]:checked + label::before{border-color:#393939}
.met-showproduct.pagetype1 .met-showproduct-head .ad-gallery .ad-thumbs li a.ad-active img{border:1px solid #393939}
.product-shop{height:60px;width:88px;margin-left:80px;margin-top:10px}
.product-shop .pull-right{float:left}
@media (max-width:1200px){.product-shop{margin-left:50px}
}@media (max-width:767px){.product-shop{margin-left:40px}
}.met_pager{padding-top:30px}
.met_pager .PreSpan,.met_pager .NextSpan{cursor:not-allowed}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{padding:0 14px;line-height:38px;border:1px solid #dfdfdf;background:#fafafa;margin-right:-1px;font-size:18px;color:#393939;overflow:hidden}
.met_pager a:hover{color:#8a8a8a}
.met_pager .PreA,.met_pager .PreSpan{border-top-left-radius:6px;border-bottom-left-radius:6px;overflow:hidden}
.met_pager .NextA,.met_pager .NextSpan{border-top-right-radius:6px;border-bottom-right-radius:6px;overflow:hidden}
.met_pager a.Ahover:hover{background:#00dfb9;border-color:#00dfb9}
.btn-lg,.widget-title,.met-shownews h1,.met-news .met-news-list ul li h4,.met-news-bar .recommend h3{font-size:17px}
.met-news .met-news-list ul li h4{margin-bottom:10px}
.met-shownews .info,.met-news-bar .recommend .list-group a{font-size:14px}
.met-news-bar ul.column li a{line-height:30px}
.met-news-bar ul.column li a.active{color:#00dfb9}
.nav-tabs-line > li.active > a,.nav-tabs-line > li.active > a:focus,.nav-tabs-line > li.active > a:hover{color:#595959;border-bottom-color:#595959;padding-bottom:10px}
.met-scroll-top{z-index:999999999;right:10px;bottom:46px;left:auto !important;position:fixed}
.met-scroll-top:hover{position:fixed !important}
@media (max-width:767px){.met-showproduct.pagetype1 .met-showproduct-body .product-content-body ul.nav-tabs{margin-top:0}
.met-showproduct-body .nav > li > a:after{display:none}
.met-scroll-top{bottom:10px}
}.met-column-nav ul.met-column-nav-ul > li a.link,.met-product.type-1 h4{font-size:15px}
.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a,.met-product.type-1 h4 a:hover{color:#393939}
.met-news .met-news-list ul li p.info,.met-news .met-news-list ul li p.des{font-size:14px}
.met-links{border-top:0;padding:0;color:#eee}
.met-links a{color:#eee}
.met-links ol{margin-bottom:0px;padding:0}
.met-links .breadcrumb > li + li:before{color:#eee;border:none;background:none}
.met-img .cover{overflow:hidden}
.met-img .widget{background:none}
.overlay-fade{opacity:0}
.cover-title{background:#393939;text-align:center;padding:15px 10px;line-height:2}
.cover-title h3{color:#fff;font-size:16px;font-weight:normal;margin:0;display:block;overflow:hidden;white-space:normal;text-overflow:ellipsis}
.cover-title p{margin:0;padding:5px 10px 0;display:block;color:#aaa;overflow:hidden;white-space:normal;text-overflow:ellipsis}
.cover-title p a{color:#aaa}
.cover-title p a:hover{text-decoration:underline}
.met-img li:nth-child(2n) .cover-title{background:#292929}
.page-main{padding:0 60px}
.pager li > a:focus,.pager li > a:hover{border-color:#2cc0a7;color:#2cc0a7;background:rgba(255,255,255,.75)}
.btn-outline.btn-inverse.active,.btn-outline.btn-inverse:active,.btn-outline.btn-inverse:focus,.btn-outline.btn-inverse:hover,.open > .dropdown-toggle.btn-outline.btn-inverse{border-color:#2cc0a7;background:#2cc0a7;color:#fff}
.btn-outline.btn-default{padding:5px 10px;margin-top:15px;color:#393939;border-color:#ddd}
.btn-outline.btn-default:hover{border-color:#2cc0a7;background:#2cc0a7;color:#fff}
.met-news-bar ul.column li a,.met-news-bar .recommend .list-group a:hover,.met-column-nav ul.met-column-nav-ul > li a.link:hover,.met-column-nav ul.met-column-nav-ul > li a.link.active,.breadcrumb > li + li:before,.btn-outline.btn-primary{border-color:#2cc0a7;background:#2cc0a7;color:#fff;border-radius:6px;transition:.3s}
.btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open > .dropdown-toggle.btn-outline.btn-primary{border-color:#292929;background:#292929;color:#fff}
.pagetype2 .met-showproduct-list{}
.met-job,.met-news,.met-product,.met-message,.met-feedback,.met-download,.met-position.pattern-show,.met-shownews,.met-showimg,.met-showproduct.pagetype1,.met-showproduct.pagetype2,.met-showproduct.pagetype3,.met-product .less-page-content,.navbar-default .navbar-toolbar > .active > a,.navbar-default .navbar-toolbar > .active > a:focus,.navbar-default .navbar-toolbar > .active > a:hover,@media (max-width:1200px){.met-showproduct.pagetype1{margin-top:30px}
}.met-showproduct.pagetype2 nav.navbar{background-color:#eff2f4}
.met-showproduct.pagetype2 nav.navbar{background:rgba(0,0,0,.05)}
.met-showproduct.pagetype2 nav[role=navigation]{height:auto;width:auto;padding:0;line-height:50px !important}
.met-showproduct.pagetype2 .navbar-toggle .icon{font-size:14px;position:relative;margin-top:0;top:4px}
.met-showproduct.pagetype2 .nav > li > a:after{border:none}
@media (min-width:1200px){.met-showproduct.pagetype2 nav.navbar{background:#fff}
}.btn{border-radius:6px}
.met-show{background:none}
.type-2 .widget .cover{overflow:hidden}
.webui-popover{z-index:9999999999999 !important}
.met-showproduct nav{z-index:999}
.met-white-lightGallery .lg-outer,.lg-outer,.lg-backdrop{z-index:999999999999}
.met-white-lightGallery .lg-sub-html{}
.met-weixin-img img{max-width:130px;padding:10px}


.information-box{margin:0 20px;padding-bottom:30px;padding-top: 70px;}
.information-box.active{padding-top: 70px;}
.information-box ul,.information-box li{list-style:none;margin:0;padding:0}
.information-box li:first-child{margin-top:40px}
.information-box ul{margin-bottom:30px}
.information-box li{margin-top:50px;line-height:1}
.information-box li:after{display:table;content:'';clear:both}
.information-box li font{display:block;float:left;background:#2cc0a7;line-height:22px;color:#fff;margin-right:15px;width:60px;height:60px;position:relative;text-align:center;padding:8px;border-radius:5px}
.information-box li font:before{position:absolute;content:'';border-style:solid;border-width:22px 5px 0 5px;border-color:#2cc0a7 transparent transparent transparent;top:53px;left:33px;transform:rotate(-40deg)}
.information-box li font b{display:block;font-size:26px;font-family:Helvetica;font-weight:normal}
.information-box li font u{display:block;font-size:18px;text-decoration:none}
.information-box li img{border:3px solid #fff;height:160px;float:left;margin-right:30px}
.information-box li span{display:block}
.information-box li span h3{margin:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.information-box li span h3:hover{color:#00dfb9}
.information-box li span em{font-style:normal;color:#888;display:block;margin:12px 0}
.information-box li span em u{text-decoration:none}
.information-box li p{color:#555;line-height:22px;margin:0;height:66px;overflow:hidden;display:block;text-indent:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.information-box li strong{color:#2cc0a7;font-weight:normal;display:block;margin-top:13px}
.information-box li strong i{}
.information-box li strong a{color:#2cc0a7;margin-left:6px}
.information-box li strong a:hover{text-decoration:underline}
@media (max-width:1200px){.information-box{margin:0 30px}
}@media (max-width:767px){.information-box li font,.information-box li span em u{display:none}
.cover-title p{white-space: normal;}
.information-box li span h3{font-size:20px}
}@media (max-width:479px){.information-box{margin:0 10px}
.information-box li{margin-top:35px;border-bottom:1px dotted #ccc}
.information-box li span{margin:20px 0 10px 0}
.information-box li font{display:block}
.information-box li img{float:none;margin:0}
.information-box li span h3{font-size:18px}
}@media (max-width:350px){.information-box{margin:0 10px}
}.information-table{}
.information-row{position:relative}
.information-descript{padding-right:370px;min-height:800px}
.information-descript.info0{padding:0}
.information-title{margin:30px 60px;padding:0 0 20px 0;position:relative}
.information-title h1{font-size:30px}
.information-title em{font-style:normal;color:#888;display:block;margin:12px 0}
.information-title em u{text-decoration:none}
.information-title:after{content:'';border-top:1px solid #dadada;border-bottom:1px solid #fff;position:absolute;bottom:0;left:0;right:0}
.information-content{margin:0 60px;padding:0 0 20px 0;word-break:break-all}
.information-content img{max-width:100%}
.information-hots{position:absolute;right:60px;top:100px}
.information-hots div{width:310px;background:#fff;display:block;overflow:hidden}
.information-hots h3{display:block;margin:20px 10px 7.5px 10px;font-size:18px;text-indent:3px;border-bottom:2px solid #eff2f4;line-height:34px;position:relative}
.information-hots h3:after{display:block;content:'';clear:both;position:absolute;height:2px;width:80px;background:#00dfb9;bottom:-2px;left:0}
.information-hots ul,.information-hots li{list-style:none;margin:0;padding:7.5px;display:block}
.information-hots li:after{clear:both;display:table;content:''}
.information-hots li img{width:100px;float:left;margin-right:10px}
.information-hots li span{display:block;overflow:hidden;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.information-hots li font{color:#888;display:block;margin-top:5px}
@media (max-width:1200px){.information-descript{padding-right:340px}
.information-title{margin:30px}
.information-content{margin:0 30px}
.information-hots{right:30px}
}@media (max-width:992px){.information-descript{padding:0;min-height:200px}
.information-hots{padding:30px;position:relative;right:0;top:0}
.information-hots div{width:auto;margin:0;top:auto}
.information-hots ul:after{display:table;content:'';clear:both}
.information-hots li{width:50%;float:left}
}@media (max-width:479px){.information-hots li{width:auto;float:none}}
.pagination-wrapper {margin: 20px 0;text-align: center;}
.pagination {height: 34px;text-align: center;}
.pagination li {display: inline-block;height: 34px;margin-right: 5px;}
.pagination li a {float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.pagination li a:hover {background: #f5f5f5;color: #0099ff;}
.pagination li.thisclass {background: #2cc0a7;color: #fff;}
.pagination li.thisclass a, .pagination li.thisclass a:hover {background: transparent;border-color: #2cc0a7;color: #fff;cursor: default;}
.container-fluid.active{padding-top: 70px;}
.blocks.no-space > li, [class*="blocks-"].no-space > li { margin: 10px auto 0; padding: 0; width: 24%; }
.blocks.no-space > li p, [class*="blocks-"].no-space > li p{white-space: nowrap;}
@media (max-width: 1140px) {
    .blocks.no-space > li, [class*="blocks-"].no-space > li { margin: 10px auto 0; padding: 0; width: 31%; }
    .blocks.no-space > li p, [class*="blocks-"].no-space > li p{white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
.product-title{font-size:22px;line-height:32px;height:32px;margin:40px 0 0 60px;position:relative;padding-left:20px}
.product-title:before{width:7px;height:32px;background:#00dfb9;border-radius:99px;content:'';position:absolute;top:0;left:0}
.product-descript{margin:0 60px}
.product-descript h3{margin:30px 0 0 0;padding:0 20px;color:#000;font-size:20px;display:inline-block;font-weight:900}
.product-descript font{color:#999}
.product-descript font i{font-size:16px;/* padding:0 0 0 5px; *//* width: 0; */margin-right: 10px;text-indent: 0;}
.product-descript div{margin:10px 0 0 20px}
.product-descript div:after{display:table;clear:both;content:''}
.product-descript div dl{float:left;border-left:1px solid #ccc;padding:0 30px 0 15px;margin:10px 0 0 0}
.product-descript div dl dt{display:block;margin:0;padding:0;color:#777;font-size:13px}
.product-descript div dl dd{display:block;margin:0;padding:0;color:#000;font-size:14px}
.product-descript p{margin:20px 0 0 0;display:block;text-indent:20px;line-height:1.75;color:#555}
.product-descript span{display:block}
.product-descript span b{margin:20px 0 0 0;padding:0 0 0 20px;display:inline-block}
.product-descript span i{font-size:18px;padding:0 3px}
.product-descript span{display:inline-block}
.product-descript span a{color:#fff;background:#00dfb9;display:inline-block;line-height:26px;padding:0 8px;margin:0 0 6px 6px;transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}
.product-descript span a:hover{background:#393939}
.product-content{padding:30px 60px}
.product-content img{max-width:100%}
@media (max-width:1200px){.product-title{margin:40px 0 0 30px}
.show-box{margin:40px 30px}
.product-descript{margin:0 30px}
.product-content{padding:30px}
}@media (max-width:767px){.product-title{margin:40px 0 0 15px}
.show-box{margin:40px 15px}
.product-descript{margin:0 15px}
.product-descript h3{display:block}
.product-descript font{display:block;margin: 15px 0 0 0;}
.product-content{padding:15px}
.page-main{padding: 0 15px;}
}
.product-box{max-width: 1440px;margin: 0 auto;padding-top: 70px;}
@media (max-width: 767px){
.container-fluid {
    margin-top: 0px;
}
.main-box{min-height: calc(100vh - 150px);height: auto;}}
@media (min-width: 386px) {.main-box{min-height: calc(100vh - 120px);height: auto;}}
@media (min-width: 520px) {.main-box{min-height: calc(100vh - 90px);height: auto;}}
@media (min-width: 873px) {.main-box{min-height: calc(100vh - 60px);height: auto;}}
.main-box.index{height: 100%;min-height: auto;}



.fix-box{position: fixed;bottom: 180px;right: 20px;background-color: #c3c1c2;width: 60px;border-radius: 10px;z-index: 99999;}
.fix-box .fix-item{width: 60px;border-bottom: 2px solid #cccacb;height: 60px;cursor: pointer;position: relative;}
.fix-box .fix-item:nth-of-type(1){border-radius: 10px 10px 0 0;}
.fix-box .fix-item:nth-of-type(3){border: none;border-radius: 0 0 10px 10px;}
.fix-box .fix-item .con{width: auto;height: 36px;}
.fix-box .fix-item:hover{background-color: #00dfb9;}
.fix-box .fix-item .codes{width: 0;height: 0;position: absolute;right: 60px;top: 0;bottom: 0;margin: auto;left: auto;max-width: inherit;transition: all ease-in .2s;}
.fix-box .fix-item .codes.show{width: 197px;height: 190px;}
.fix-box .fix-item .tels{width: 0;height: 0;position: absolute;right: 60px;top: 0;bottom: 0;margin: auto;left: auto;max-width: inherit;transition: all ease-in .2s;}
.fix-box .fix-item .tels.show{width: 194px;height: 100px;}
.fix-box.phone{display: none;}
@media (max-width: 767px){
    .fix-box{display: none;background-color: transparent;}
    .fix-box .fix-item:nth-of-type(3){display: none;}
    .fix-box.phone{display: block;width: 40px;}
    .fix-box.phone .fix-item{background-color: rgba(0, 0, 0,.5);width: 40px;height: 40px;border: none;border-radius: 10px;} 
    .fix-box.phone .fix-item .con{width: 25px;height: 25px;}
    .em-fa{display: none;}
}

.contact-pop{width: 450px;background-color: #fff;height: 425px;}
.contact-pop .title{padding: 50px 0 40px;text-align: center;font-size: 28px;font-weight: bold;color: #313131;}
.contact-pop .input-box{width: auto;height: 60px;border-radius: 10px;background-color: #f6f7fb;margin: 0 50px 30px;padding: 0 20px;}
.contact-pop .input-box input::placeholder{color: #ccc;}
.contact-pop .submit-btn{width: 350px;height: 60px;border-radius: 10px;background-color: #4fe0c3;margin: 0 50px;display: block;font-size: 18px;color: #333;}
.contact-pop .icon-close{width: 26px;height: 26px;position: absolute;right: 13px;top: 13px;z-index: 99999;}
.contact-pop .icon-close:hover{cursor: pointer;}


/* 修改 */
.leftmenu{width: 70px;border-radius: 10px;background-color: rgba(0, 0, 0,.5);position: fixed;top: 50%;transform: translateY(-50%);left: 30px;z-index: 90;color: #fff;text-align: center;}
.leftmenu li{display: block;border-bottom: 1px solid #838486;color: #fff;padding: 10px 0;cursor: pointer;}
.leftmenu li:hover{color: #00dfb9;}
.leftmenu li img{width: 30px;height: 30px;display: block;}
.leftmenu li:last-child{border: none;}
.leftmenu li.active{color: #00dfb9;}

.window-head .navs{height: 90px;line-height: 90px;width: 100%;transition: all ease-in .3s;}
.window-head.active .navs{height: 70px;line-height: 70px;}
.window-head .navs a{padding: 0 38px;position: relative;line-height: 64px;color: #fff;font-size: 18px;}
.window-head .navs a:hover{text-decoration: none;}
.window-head .navs a:hover::after{content: "";display: block;width: 20px;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.window-head .navs a.active::after{content: "";display: block;width: 20px;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.head-rights{display: none;}
@media (max-width: 980px){
    .head-rights{display: block;}
    .leftmenu{display: none;}
    .window-head.active{height:50px;background:rgba(0,0,0,0)}
    .window-head.active .head-left img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1)}
    .window-head.active ul li{font-size:16px}
    .window-head.active .head-right{height:28px;padding-right:28px}
    .window-head.active .head-right b{font-size:24px;height:28px;letter-spacing:0;line-height:28px}
    .window-head.active .head-right i{font-size:20px;width:28px;height:28px;line-height:26px}
    .window-head.active .head-rights{height:28px}
    .window-head.active .head-rights ol{width:26px;height:26px}
    .window-head.active .head-rights ol li{width:11px;height:11px}
    .window-head .head-left img{height: 30px;}
}

.mark-bin i{display: flex;align-items: center;justify-content: center;}
.m-eliphs-3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; /* 这里是超出几行省略 */overflow: hidden;font-size: 14px;height: 45px;line-height: 15px;padding: 0 15px;margin:10px 0;}
.web ~ .tool_box{background-color: #00dfb9 !important;}

#newBridge .icon-right-center{top: 70% !important;}

.about-cut .part4_con{max-width: 1400px;margin: 0 auto;}
.about-cut .part4_con .flex-box.advantage_box {display: flex;flex-wrap: wrap;margin-top: 100px;}
.about-bin div.advantage_item{text-align: center;width: 33.3%;padding-bottom: 70px;font-size: 20px;color: #fff;max-width: inherit;}
.about-bin div.advantage_item .num{font-size: 40px;color: #00dfb9;font-weight: bold;line-height: 40px;position: relative;padding-bottom: 40px;}
.about-bin div.advantage_item .num span{font-size: 70px;line-height: 70px;font-family: 'Poppins-ExtraBold';}
.about-bin div.advantage_item .num span:last-child{font-size: 40px;margin-bottom: 70px;position: absolute;bottom: 0px;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.about-bin div.advantage_item .num::after{content: "";display: block;background-color: #00dfb9;width: 32px;height: 1px;position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);}
.about-bin .title{font-size: 36px;color: #fff;padding-bottom: 60px;text-align: center;}

@media (max-width: 980px){
.window-bin .foot{position: relative;}
.about-cut{width: 100vw;}
.about-cut .part4_con .flex-box.advantage_box {margin-top: 30px;}
.about-bin div.advantage_item{width: 50%;font-size: 14px;padding-bottom: 20px;}
.about-bin div.advantage_item .num span{font-size: 30px;line-height: 30px;}
.about-bin div.advantage_item .num span:last-child{font-size: 20px;margin-bottom: 35px;}
.about-bin div.advantage_item .num{padding-bottom: 20px;}
.about-bin div.advantage_item .num::after{bottom: 10px;}
.about-bin div.advantage_item .num + div{padding: 0 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 2; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.case-cut{width: 100%;}
.case-bin,.worth-bin{width: calc((100vw - 45px) / 2);margin-right: 15px;margin-bottom: 15px;box-shadow: 0 0 5px rgba(0, 0, 0,.1);}
.case-bin:nth-of-type(2n),.worth-bin:nth-of-type(2n){margin-right: 0;}
.case-bin span,.worth-bin span{padding: 10px 15px;}
.case-bin span h3,.worth-bin span h3{font-size: 18px;}
.case-ctrl,.worth-ctrl{display: none;}
.worth-cut{width: 100%;padding: 0 15px;}
.joint-bin a img{box-shadow: 0 0 5px rgba(0, 0, 0,.1);}
.window-cut .window-bin:nth-of-type(4) .window-back{background-image: none !important;padding-bottom: 20px;}
.window-cut .window-bin:nth-of-type(6) .window-back{padding-bottom: 20px;}
.window-cut .window-bin:nth-of-type(7) .window-back{background-image: none !important;}
.case-more{margin-top: 15px;}
}